<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"
    xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <title>Atlas</title>
        <link rel="stylesheet" type="text/css" href="media/css/style.css" />
        <link rel="stylesheet" type="text/css" href="media/css/css.css" />

        <link rel="stylesheet" type="text/css" href="media/styles/grid.css"  />
        <link rel="stylesheet" type="text/css" href="media/css/font-awesome/css/font-awesome.min.css"/>
        <link rel='stylesheet prefetch' href='media/css/photoswipe.css'/>
        <link rel='stylesheet prefetch' href='media/css/default-skin.css'/>
        <link rel="stylesheet" href="media/css/style_photo.css" media="screen" type="text/css" />

        <script type='text/javascript' src='media/js/layout.js'></script>
        <script type='text/javascript' src='media/js/jquery.js'></script>
        <script type='text/javascript' src='media/js/custom.js'></script>
        <script type='text/javascript' src='media/js/calendar.js'></script>
        <!--<script type='text/javascript' src='media/js/widthFix.js'></script>-->
    </h:head>
    <h:body styleClass="single single-post postid-668 single-format-standard chrome">
        <f:view locale="#{facesContext.externalContext.requestLocale}">
            <script>
                function scrollnext(){
               
                }
            
                $(document).ready(function(){
                    var body = $("html, body");
                    $('#top').on('click', function(){
                        body.animate({scrollTop:0}, '500', 'swing', function() {});
                    });
                
                    $('#bottom').on('click', function(){
                        $('html, body').animate({
                            scrollTop: $("#bottom").offset().top
                        }, 300);
                    });
                });
            
            </script>
            <nav id="top-navigation">

                <div class="wrapper">

                    <ul class="top-menu-left">

                        <li class="foxLine">
                            <a href="index.xhtml"><span class="foxLine-icon"></span></a>
                        </li>

                        <!--                    <li class="small-logo"><a href="index.xhtml"><span class="home-icon"></span></a></li>-->

                        <li class="categories">

                            <a><i class="fa fa-home fa-lg categories-icon"></i>Imóvel</a>

                            <ul class="categories-menu">
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="criarimovel.xhtml">Cadastro</a></li>
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="pesquisarimovel.xhtml">Consulta</a></li>
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="relimovel.xhtml">Relatório</a> 
                                    <ul class="submenu">
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="relcadastral.xhtml">Cadastral</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="relimovel.xhtml">BCI</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="pendencia.xhtml?p=true">Pendentes</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="memorialdescritivo.xhtml">Memorial Descritivo</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="relatoriogeral.xhtml">Geral</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="relatorioporbairro.xhtml">Por Bairro</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="relatorioporsetorquadra.xhtml">Por Setor/Quadra</a></li>
                                    </ul> 
                                </li> 

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="diagnosticoImovel.xhtml">Diagnóstico</a></li>

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="#">Coleta de Dados</a> 
                                    <ul class="submenu">
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="criarcoletadados.xhtml">Gerenciar Quadras</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="pesquisarcoletadados.xhtml">Pesquisar</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="mapaColetaDados.xhtml">Mapa Situação</a></li>
                                    </ul> 
                                </li>
                            </ul>
                        </li>

                        <li class="categories">

                            <a><i class="fa fa-male fa-lg categories-icon"></i>Contribuinte</a>

                            <ul class="categories-menu">
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="criarproprietario.xhtml">Cadastro</a></li>
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="pesquisarproprietario.xhtml">Consulta</a></li>
                            </ul>
                        </li>

                        <li class="categories">
                            <a><i class="fa fa-newspaper-o fa-lg categories-icon"></i>IPTU</a>
                            <ul class="categories-menu">
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="pesquisariptuavancado.xhtml">Consulta</a>  
                                </li> 
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="relatoriosiptu.xhtml">Diagnóstico</a></li>
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a>Gerar IPTU</a>
                                    <ul class="submenu">
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="gerariptu.xhtml">Geral</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="iptuporsetor.xhtml">Por Setor</a></li>
                                    </ul> 
                                </li> 
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="configIptu.xhtml">Configurações</a></li>
                            </ul>
                        </li>

                        <li class="categories">
                            <a><i class="fa fa-newspaper-o fa-lg categories-icon"></i>ITBI</a>
                            <ul class="categories-menu">
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="pesquisaritbi.xhtml">Emitir</a> 
                                </li>
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="configitbi.xhtml">Configurações</a> 
                                </li>

                            </ul>
                        </li>

                        <li class="categories">

                            <a><i class="fa fa-file-o fa-lg categories-icon"></i>Terras</a>

                            <ul class="categories-menu">

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="#">Aforamento</a> 
                                    <ul class="submenu">
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="criaraforamento.xhtml">Cadastro</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="pesquisaraforamento.xhtml">Consultar</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="relatoriocadastroaforamento.xhtml">Relatório</a></li>
                                    </ul> 
                                </li>
                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="#">Requerimento</a> 
                                    <ul class="submenu">
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="criarrequerimento.xhtml">Cadastro</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="pesquisarrequerimento.xhtml">Consultar</a></li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category"><a href="caixarequerimento.xhtml">Caixa</a></li>
                                    </ul> 
                                </li>
                            </ul>
                        </li>

                        <li class="categories">

                            <a><i class="fa fa-gears fa-lg"></i>Administração</a>

                            <ul class="categories-menu">

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="arquivoretorno.xhtml">Arquivo de Retorno</a>
                                </li>

                                <!--                            <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                                                <a href="#">Relatórios</a> 
                                                                <ul class="submenu">
                                                                    <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                                                        <h:form>
                                                                            <p:commandLink target="_blank" ajax="false" process="@this" update="@this"
                                                                                           actionListener="{managerProprietario.relatorio()}">
                                                                                Boletim Diário Resumido
                                                                            </p:commandLink>
                                                                        </h:form>
                                                                    </li>
                                                                </ul>
                                                            </li>-->

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="#">Mapas</a> 
                                    <ul class="submenu">
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="mapabairro.xhtml">Por Bairro</a>
                                        </li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="mapalocalidade.xhtml">Por Local</a>
                                        </li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="mapapatrimonio.xhtml">Por Patrimônio</a>
                                        </li>
                                    </ul>
                                </li>

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="#">Usuário</a> 
                                    <ul class="submenu">
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="criarusuario.xhtml">Cadastro</a>
                                        </li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="pesquisarusuario.xhtml">Consulta</a>
                                        </li>

                                    </ul>
                                </li>

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="#">Bairro</a> 
                                    <ul class="submenu">
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="criarbairro.xhtml">Cadastro</a>
                                        </li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="pesquisarbairro.xhtml">Consultar</a>
                                        </li>
                                    </ul> 
                                </li>

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="#">Setor</a> 
                                    <ul class="submenu">
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="criarsetor.xhtml">Cadastro</a>
                                        </li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="pesquisarsetor.xhtml">Consultar</a>
                                        </li>
                                    </ul> 
                                </li>

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="#">Quadra</a> 
                                    <ul class="submenu">
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="criarquadra.xhtml">Cadastro</a>
                                        </li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="pesquisarquadra.xhtml">Consultar</a>
                                        </li>
                                    </ul> 
                                </li>

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="#">Face de Quadra</a> 
                                    <ul class="submenu">
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="criarfacequadra.xhtml">Cadastro</a>
                                        </li>
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="pesquisarfacequadra.xhtml">Consultar</a>
                                        </li>
                                    </ul> 
                                </li>

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category" 
                                    style="#{managerLayout.admin ? '' : 'display: none'}">
                                    <a href="prefeitura.xhtml">Prefeitura</a> 
                                </li>

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="prefeitura.xhtml">Financeiro</a> 
                                    <ul class="submenu">
                                        <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                            <a href="boletimarrecadacao.xhtml">Boletim Arrecadação</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="top-menu-left" style="float:right;">
                        <li class="categories loginName">

                            <div class="loginName1024">
                                <a><i class="fa fa-user fa-lg"></i>#{managerLayout.user.toUpperCase()}</a>
                            </div>
                            <div class="loginName1025">
                                <a><i class="fa fa-user fa-lg"></i></a>
                            </div>

                            <ul class="categories-menu">

                                <li class="menu-item menu-item-type-taxonomy menu-item-object-category">
                                    <a href="alterarsenha.xhtml?usuarioEditar=#{managerLayout.usuarioLogado.id}">Alterar Senha</a>
                                </li>

                            </ul>
                        </li>
                        <li class="categories">
                            <p:commandLink actionListener="#{managerLayout.logout()}" style="padding-right: 10px;">
                                <i class="fa fa-power-off fa-lg"></i>
                            </p:commandLink>

                        </li>
                    </ul>
                </div>
            </nav>

            <div class="body-content">
                <header id="header">

                </header>

                <div id="main">

                    <div class="main-content">
                        <h:form prependId="false">

                        </h:form>
                        <ui:insert name="body" >
                        </ui:insert>
                    </div>

                </div>
            </div>

            <!--        <p id="back-top">
                        <a id="top" href="#top">
                            <span></span>
                        </a>
                    </p>
                    <p id="back-bottom">
                        <a id="bottom" href="#top">
                            <span></span>
                        </a>
                    </p>-->

            <div class="footer-shadow"></div>

            <footer id="footer">

                <div class="copyright wrapper">

                    <nav id="copyright-nav" role="navigation">

                        <div class="footer-menu">

                        </div>

                    </nav>

                    <div class="copyright-text">	

                        <div class="theme-credit"><span>Powered by</span>
                            <a href="http://www.foxinline.com/">Fox Inline Technologies</a>
                        </div>

                    </div>

                </div>

            </footer>

            <script type='text/javascript' src='media/js/superfish.js'></script>
            <script type="text/javascript" src="media/js/autoNumeric.js"></script>

            <div id="divGaleria" class="pswp" tabindex="-1" role="dialog" aria-hidden="true">

                <div class="pswp__bg"></div>

                <div class="pswp__scroll-wrap">

                    <div class="pswp__container">
                        <div class="pswp__item"></div>
                        <div class="pswp__item"></div>
                        <div class="pswp__item"></div>
                    </div>

                    <div class="pswp__ui pswp__ui--hidden">

                        <div class="pswp__top-bar">

                            <div class="pswp__counter"></div>

                            <button class="pswp__button pswp__button--close" title="Fechar (Esc)"></button>
                            <button class="pswp__button pswp__button--fs" title="Tela Cheia"></button>
                            <button class="pswp__button pswp__button--edit" 
                                    title="Editar" onclick="edit();" style="#{managerLayout.habilitaEditarImagem ? 'display: ' : 'display: none'}"></button>
                            <button class="pswp__button pswp__button--zoom" title="Zoom +/-"></button>

                            <div class="pswp__preloader">
                                <div class="pswp__preloader__icn">
                                    <div class="pswp__preloader__cut">
                                        <div class="pswp__preloader__donut"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                            <div class="pswp__share-tooltip"></div> 
                        </div>



                        <button class="pswp__button pswp__button--arrow--left" title="Anterior (seta esquerda)">
                        </button>

                        <button class="pswp__button pswp__button--arrow--right" title="Próximo (seta direita)">
                        </button>

                        <div class="pswp__caption">
                            <div class="pswp__caption__center"></div>
                        </div>

                    </div>

                </div>

            </div>

            <h:form id="imageForm">
                <p:remoteCommand name="editCommand" process="@this, :imageForm:pid" update="@this, @form"
                                 actionListener="#{managerImagem.edit()}"/>
                <h:inputHidden id="pid"/>
            </h:form>

            <h:form id="imageRestoreForm" enctype="multipart/form-data">
                <p:dialog id="modalDialog" header="Confirmação" widgetVar="dlgRestImagem" modal="true" 
                          height="80" closable="false" resizable="false" >
                    <h:outputText value="Tem certeza que deseja restaurar a imagem?" />
                    <div class="buttonAction">
                        <p:commandButton value="Sim"
                                         actionListener="#{managerImagem.restaurarAnexo()}"
                                         icon="ui-icon-check"  oncomplete="dlgRestImagem.hide(); window.location.assign(window.location.href)"/>
                        <p:commandButton value="Não" icon="ui-icon-close"
                                         oncomplete="dlgRestImagem.hide();" />
                    </div>
                </p:dialog>
            </h:form>


            <script src='media/js/photoswipe.js'></script>
            <script src='media/js/photoswipe-ui-default.js'></script>
            <script src="media/js/photoswipe-gallery.js"></script>

            <script>
                function edit() {
                    var pid = location.href.indexOf('pid=');
                    var ini = pid+4;
                    var fim = location.href.length;
                    $('#imageForm\\:pid').val(location.href.substring(ini, fim));
                    editCommand();
                }
            
                function initPhoto(){
                    initPhotoSwipeFromDOM('.my-simple-gallery');
                }
            
                function desabilitaEdicaoImagem(){
                    $('.pswp__button.pswp__button--edit').css('display', 'none');
                }
            
                function habilitaEdicaoImagem(){
                    $('.pswp__button.pswp__button--edit').css('display', '');
                }
            
            </script>

        </f:view>
    </h:body>   
</html>